$(function(){
    // 点击登录按钮
    $('#link-reg').on('click',function(){
        $('.login-box').hide()
        $('.reg-box').show()
    })
    // 点击注册按钮
    $('#link-login').on('click',function(){
        $('.login-box').show()
        $('.reg-box').hide()
    })

    // 从layui中获取form对象
    var form = layui.form
    var layer = layui.layer
    form.verify({
        pwd : [
            // 自定义一个校验规则
            /^[\S]{6,12}$/
            ,'密码必须6到12位，且不能出现空格'
          ],
          uname : [
            // 自定义一个校验规则
            /^[\S]{1,10}$/
            ,'用户名必须1到10位，且不能出现空格'
          ],
        //   校验两次密码是否一致
          repwd: function(value){
           var pwd = $('.reg-box [name=password]').val()
           if(pwd !== value){
               return '两次密码不一致'
           }
          }
    })


//  监听注册表单的提交事件
    $('#form-reg').on('submit',function(e){
        // 阻止表单默认提交行为
        e.preventDefault();
        var data = {
            username : $('.reg-box [name=username]').val(),
            password : $('.reg-box [name=password]').val(),
            repassword : $('.reg-box [name=repassword]').val()
        }
        $.post('/api/reg',data,function(res){
    if(res.code !== 0){
        // return console.log();
       return layer.msg(res.message);
    }
     layer.msg('注册成功');
    $('#link-login').click()
        })
    })

    $('#form-login').on('submit',function(e){
       e.preventDefault();
       $.ajax({
           url: '/api/login',
           method : 'POST',
           data: $(this).serialize(),
           success : function(res){
            if(res.code !==0){
                return layer.msg('登录失败')
                
            }
            layer.msg('登录成功')
            localStorage.setItem('token',res.token)
            location.href = './index.html'
           }
       })
    })
})